﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=0">
    <title>@ViewData("Title")</title>
    <link href="@Url.Content("~/css/styleGeneralSite.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/css/stylejQueryMobile.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/js/jquery-1.9.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/jquery.mobile-1.3.2/jquery.mobile-1.3.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    @RenderSection("HeaderScriptStyles", False)
</head>
<body>
    <div id="pageDefault" data-role="page" data-theme="c">
    		<div data-role="panel" id="panel-menu"
			data-display="reveal" data-position="right">
            @RenderSection("MenuList", False)
        </div>
        <div id="header"  data-role="header"  data-fullscreen="true"   >
                   
  	        <img id="imgAdo"  src="@Href("~/Content/images/ado_header.png")" alt="SIIAB" />       
	<h4>@ViewData("HeaderTitle")</h4>
	  <a id="bars-button" data-icon="bars" class="ui-btn-right"   style="margin-top: -2px;"  
                        href="#panel-menu">Menu</a>
          
        </div>
        <div id="content"  data-role="content" data-theme="d">
         
                @RenderBody()
        </div>
        <div id="footer" data-role="footer" data-position="fixed" data-fullscreen="true"   >

        <div class="ui-grid-a" style="margin-top: 10px;" >
                <div class="ui-block-a leftVerticalMiddle" >
                        <h6 class="adoFooter">
                        &copy;ADO y Empresas coordinadas, 2013</h6>
                </div>
                <div class="ui-block-b rightVerticalMiddle" >
                    <img id="imgSiiab"  src="@Href("~/Content/images/siiab_footer.png")" data-position="right" alt="SIIAB"/>
                </div>
            </div>


        </div>
    </div>
    @RenderSection("ExtraPage", False)
</body>
</html>
